<!doctype html>
<html lang="en" class="no-js"><!--<![endif]-->
	<head>
          <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
          <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
          <title><g:layoutTitle default="Grails"/></title>
          <meta name="viewport" content="width=device-width, initial-scale=1.0">
          <link rel="shortcut icon" href="${resource(dir: 'images', file: 'favicon.ico')}" type="image/x-icon">
          <link rel="apple-touch-icon" href="${resource(dir: 'images', file: 'apple-touch-icon.png')}">
          <link rel="apple-touch-icon" sizes="114x114" href="${resource(dir: 'images', file: 'apple-touch-icon-retina.png')}">
          <link rel="stylesheet" href="${resource(dir: 'css', file: 'main.css')}" type="text/css">
          <link rel="stylesheet" href="${resource(dir: 'css', file: 'mobile.css')}" type="text/css">
          <link rel="stylesheet" href="${resource(dir: 'js/fancybox', file: 'jquery.fancybox-1.3.4.css')}" type="text/css">          
          <script type="text/javascript" src="${resource(dir: 'js', file: 'jquery172.js')}"></script>
          <script type="text/javascript" src="${resource(dir: 'js', file: 'jqueryui1820.js')}"></script>
          <script type="text/javascript" src="${resource(dir: 'js/fancybox', file: 'jquery.mousewheel-3.0.4.pack.js')}"></script>
          <script type="text/javascript" src="${resource(dir: 'js/fancybox', file: 'jquery.fancybox-1.3.4.pack.js')}"></script>
          <script type="text/javascript" src="${resource(dir: 'js', file: 'application.js')}"></script>
          <g:layoutHead/>
        <r:layoutResources />
	</head>
	<body>
          <div id="grailsLogo" role="banner">
            <g:if test="${session.usuario}">
              <div id="nav-menu">
                <ul>
                  <li><g:link controller="usuario" action="cerrarSession">Cerrar Sesión</g:link></li>
                  <li><g:link controller="usuario" action="edit">Bienvenido, ${session.usuario.nombre} ${session.usuario.apellidoPaterno}</g:link></li>
                </ul>
              </div>
            </g:if>
            <g:link controller="home"><img src="${resource(dir: 'images', file: 'icontrol_logo.png')}" alt="I-Control"/></g:link></div>
        <g:if test="${session.usuario != null}">
                <div class="nav" role="navigation">
			<ul>
                          <li><g:link class="list" controller="cliente">Clientes</g:link></li>
                          <li><g:link class="list" controller="proyecto">Proyectos</g:link></li>
                          <li><g:link class="list" controller="usuario">Usuarios</g:link></li>
                          <li><g:link class="list" controller="prioridad">Prioridades</g:link></li>
                          <li><g:link class="list" controller="perfil">Perfiles</g:link></li>
			</ul>
		</div>
        </g:if>
		<g:layoutBody/>
		<div class="footer" role="contentinfo"></div>
		<div id="spinner" class="spinner" style="display:none;"><g:message code="spinner.alt" default="Loading&hellip;"/></div>
		<g:javascript library="application"/>
        <r:layoutResources />
	</body>
</html>